/** 全局公共样式 */
page {
  // height: 100%;
  width: 100%;
  background-color: $uni-bg-color;
  color: $uni-text-color;
  font-size: 28rpx;
}

.container {
  width: 100%;
  height: 100vh;
  background-color: #EEEEEE;
}

button{
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

button::after{
	border: none!important;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

/** 下划线样式 */
.underline {
  text-decoration: underline;
}

/** 删除文本 */
.line-through {
  text-decoration: line-through;
}

/** 移除样式：underline、line-through */
.no-underline {
  text-decoration: none;
}

/** 对文本进行大写转换 */
.uppercase {
  text-transform: uppercase;
}

/** 对文本进行小写转换 */
.lowercase {
  text-transform: lowercase;
}

/** 对文本进行首字母大写转换 */
.capitalize {
  text-transform: capitalize;
}

/** 保留原来的外壳，这通常用于在不同的断点处重置大写 */
.normal-case {
  text-transform: none;
}

/** 用省略号(…)来截断溢出的文本 */
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/** 用省略号(…)来截断溢出的文本 */
.overflow-ellipsis {
  text-overflow: ellipsis;
}

/** 在内容区域的极限处截断文本 */
.overflow-clip {
  text-overflow: clip;
}

/** 滚动条整体样式 */
scroll-view /deep/ ::-webkit-scrollbar {
  width: 4px !important;
  height: 1px !important;
  overflow: auto !important;
  background: #ccc !important;
  -webkit-appearance: auto !important;
  display: block;
}

/** 滚动条里面小方块 */
scroll-view /deep/ ::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: #7b7979 !important;
}

/** 滚动条里面轨道 */
scroll-view /deep/ ::-webkit-scrollbar-track {
  // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  // border-radius: 10px !important;
  background: #FFFFFF !important;
}
